﻿.menu {
    float: right;
    margin-top: 30px;
    margin-left: 15px;
    display: none;
}

@media (max-width: 1024px) {
    .pc-header .logo {
    }
    .friend-link{
        display: none;
    }
    .menu {
        display: block;
    }

    .nav {
        position: fixed;
        width: 100%;
        top: 104px;
        left: 0;
        padding: 0 3%;
        box-sizing: border-box;
        background: #fff;
        height: 0;
        overflow: hidden;
        z-index: 11;
    }

    .nav.active {
        height: auto;
    }

    .nav li {
        float: none;
        width: 100%;
        text-align: center;
        margin-left: 0;
        line-height: 60px;
        position: relative;
    }

    .nav li a {
        width: 90%;
        line-height: 60px;
    }

    .nav li span {
        float: right;
        margin-top: 25px;
    }

    .topadv li {
        padding: 25px 15px;
    }

    .home-market .content {
        padding: 40px 3%;
    }

    .home-market .left {
        margin-top: -160px;
        width: 30%;
    }

    .home-market ul {
        margin-left: 32%;
    }

    .home-brand-left {
        width: 50%;
    }

    .home-brand-left li {
        padding: 25px;
        height: 180px;
    }

    .home-brand .content {
        padding: 0 3%;
    }

    .sem-advantage .about-more {
        margin-top: 0;
    }

    .opinion-system .box li, .opinion-system .about-more, .opinion-system .content .text li {
        margin-top: 30px;
    }

    .opinion-system .content .text li p {
        line-height: 30px;
    }

    .home-news .content {
        padding-left: 3%;
        padding-right: 3%;
    }

    .navsub {
        position: relative;
        top: 0;
    }

    .navsub.show {
        height: auto;
    }
}

@media (max-width: 768px) {
    .CNV2_about_part1{
        display: none;
    }
}

@media (max-width: 600px) {
    .pd,.package1 {
        padding: 30px 0;
    }

    .pc-header {
        height: 60px;
    }
    .nav{
        top:60px;
    }
    .page-wrap {
        padding-top: 60px;
    }

    .pc-header .logo, .pc-header .top-right {
        margin-top: 0;
    }

    .pc-header .tel, .pc-header .top-right:before,.pc-footer .foot{
        display: none;
    }
    .pc-header .alink-dia {
        margin-top: 12px;
    }

    .menu {
        margin-top: 5px;
    }

    .topadv li {
        width: 49%;
        margin-right: 0;
    }

    .topadv li:nth-child(odd) {
        margin-right: 2%;
    }

    .topadv li:nth-child(n+3) {
        margin-top: 10px;
    }

    .topadv li p br {
        display: none;
    }

    .home-market .left {
        width: 100%;
        float: none;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .home-market .top, .home-market .cricle, .home-market .more-button, .sem-advantage .cricle, .home-news-ul:before, .home-news-ul li a:before {
        display: none;
    }

    .home-market ul {
        margin-left: 0;
    }

    .home-market li {
        width: 23.5%;
        margin-left: 0;
    }

    .home-market li:nth-child(n+2) {
        margin-left: 2%;
    }

    .home-market .box .con {
        padding-top: 25px;
    }

    .home-brand-left {
        width: 100%;
        margin-top: 0px;
    }

    .home-brand-right {
        width: 100%;
        margin-top: 20px;
    }

    .sem-advantage .text {
        width: 48%;
    }

    .sem-advantage {
        padding: 30px 3%;
    }

    .opinion-system .content .text, .home-news .box, .home-news-ul {
        width: 100%;
    }

    .home-news-ul li a {
        padding-left: 0;
        padding-bottom: 0;
    }
    .opinion-system .content .img{
        width: 100%;
    }
    .home-brand-left li h2{
        font-size: 16px;
    }
    .CNV2_adv{
        height: auto;
        padding: 30px 0;
        line-height: 1;
        font-size: 28px;
    }
    .package1{
        margin-top: 30px;
    }
    .index-top li{
        width: 50%;
    }
    .index-part1 .icon,.index-part1 .text,.seo-accurate .img,.seo-accurate .seo-text{
        width: 100%;
    }
    .index-part1 .icon,.seo-accurate .img{
        margin-bottom: 30px;
    }
    .index-part1,.seo-accurate{
        padding: 30px 15px;
    }
    .zhihu-adv ul{
        margin-top: 0;
    }
    .zhihu-adv li{
        margin-bottom: 0;
    }
    .zhihu-adv li p{
        margin: 15px 0;
        font-size: 16px;
    }
    .about-more-zx,.CN_price_part1,.CN_price_part5,.zhihu-why,.zhihu-why ul,.newsearch-operate ul{
        margin-top: 30px;
    }
    .zhihu-adv,.zhihu-feature,.seo-accurate,.index-part1{
        margin-bottom: 30px;
    }
    .CN_price_part1 .item{
        width: 50%;
    }
    .CN_price_part1 .item .item-title{
        padding:30px 15px;
    }
    .CN_price_part5 .item,.CN_price_part6 .item{
        width: 100%;
    }
    .CN_price_part5 .item-text{
        margin-top: 0;
    }
    .CN_price_part6{
        margin: 30px auto;
    }
    .zhihu-why,.newsearch-box{
        padding: 30px 3%;
    }
    .zhihu-why li{
        width: 50%;
        padding: 0;
    }
    .zhihu-feature li{
        width: 50%;
    }
    .newsearch-box{
        display: none;
    }
    .zhihu-why li .line{
        width: 100%;
    }
    .zhihu-why li .box{
        padding: 20px 20px;
    }
    .newsearch-operate{
        padding: 30px 0;
        margin-bottom: 30px;
    }
    .sem-analysis .content{
        padding: 0;
    }
    .sem-analysis .text,.sem-analysis .img{
        width: 100%;
    }
    .sem-analysis .img{
        margin-top: 30px;
    }
    .web-process ul{
        height: auto;
        margin-top: 30px;
    }
    .web-process li{
        width: 100%;
        margin-bottom: 30px;
    }
    .web-process li .item{
        height: auto;
    }
    .web-process li .item a{
        display: none;
    }
    .web-process li:after{
        bottom:-8px;
        top:auto;
        left:50%;
        margin-left: -8px;
        transform: rotateZ(90deg);
        -webkit-transform:rotateZ(90deg);
    }
}

@media (max-width: 480px) {
    .topadv li p {
        height: 60px;
        overflow: hidden;
    }

    .homt-tit h1 {
        font-size: 24px;
    }

    .home-news .top {
        padding: 0 3%;
    }

    .home-news .homt-tit, .home-news .tab {
        float: none;
        text-align: center;
    }

    .home-news .homt-tit:after {
        background: #3f8fd3;
        left: 50%;
        margin-left: -15px;
    }

    .home-news .tab span {
        width: 50%;
        padding: 0;
    }

    .opinion-system, .home-news, .sem-advantage, .home-brand, .home-market,.cooperation-part2{
        margin-bottom: 30px;
    }

    .home-market li {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }

    .home-market li .hbox a, .home-market li .hbox a:nth-child(2), .home-market li .hbox {
        height: auto;
    }

    .top-right {
        display: none;
    }

    .sem-advantage .text div i {
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    .sem-advantage .text div {
        padding-right: 45px;
        margin-top: 20px;
    }

    .sem-advantage .text2 div {
        padding-left: 45px;
        padding-right: 0;
    }

    .sem-advantage .content {
        margin: 20px 0;
    }

    .content .content_description {
        margin-top: 30px;
    }

    .media-tit h1 {
        font-size: 24px;
    }

    .CNV2_about_part3 .item {
        width: 100%;
        margin-top: 20px;
    }

    .CNV2_about_part4 .item {
        width: 50%;
    }

    .CNV2_about_part4 .icon {
        height: 60px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .CNV2_about_part4 .icon img {
        max-width: none;
        height: 100%;
    }

    .CNV2_about_part4 .item p {
        font-size: 15px;
    }

    .CNV2_about_part4 {
        margin: 30px auto;
    }

    .about-content {
        padding: 15px 20px 0px;
        margin-bottom: 0;
    }

    .demo_content .about_top_text {
        margin-bottom: 15px;
    }

    .index-top {
        display: none;
    }

    .zhihu-feature li {
        width: 50%;
    }

    .cooperation_banner {
        height: 215px;
    }

    .cooperation_banner_cont h2 {
        display: none;
    }

    .cooperation_banner_cont .cooperation_item {
        margin-bottom: 20px;
        padding: 15px 0;
    }
    .cooperation_banner_cont .cooperation_item .subtitle{
        margin-bottom: 0;
    }
    .cooperation_banner_cont .cooperation_item .subtitle span,.cooperation_banner_cont .cooperation_item .subinfo{
        font-size: 16px;
    }
    .cooperation_banner_cont .cooperation_phone {
        font-size: 20px;
    }
    .content .content_description .description_title{
        font-size: 24px;
    }
    .content .content_description .description_subtitle{
        font-size: 20px;
        padding-bottom: 15px;
    }
    .demo_content .demo_content_box{
        width: 100%;
        margin-top: 20px;
    }
    .cooperationDemo1_left,.cooperationDemo1_right{
        width: 100%;
        text-align: center;
    }
    .cooperationDemo1_right a{
        margin-top:0;
    }
    .cooperationDemo1_left p span{
        font-size: 24px;
    }
    .cooperationDemo1_left p{
        font-size: 20px;
    }
    .cooperationDemo1{
        padding: 20px;
    }
    .CNV2_league_part1 .item{
        width: 100%;
    }
    .level1 .level_box{
        display: none;
    }
    .level1 .profit_box1-1{
        width: 33.333%;
    }
    .cooperation_content .profit_box h3{
        font-size: 16px;
    }
    .level1 .profit_box1,.level2 .profit_box2{
        margin-bottom: 0;
    }
    .CN_price_part1 .item{
        width: 100%;
    }
    .CN_price_part4 .item{
        width: 50%;
    }
    .zhihu-why li .box {
        padding: 20px 20px;
    }
    .zhihu-why li span{
        font-size: 16px;
    }
    .zhihu-feature li,.newsearch-operate li{
        width: 100%;
    }
}